<!DOCTYPE html>
<html lang="en">
	<head>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta charset="utf-8" />
		<title>驴妈妈慧眼系统</title>
		<meta name="description" content="overview &amp; stats" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
		<link rel="icon" href="${request.contextPath}/static/assets/avatars/logo.ico" type="image/x-icon" />
		<link rel="shortcut icon" href="${request.contextPath}/static/assets/avatars/logo.ico" type="image/x-icon" />
		<link rel="bookmark" href="${request.contextPath}/static/assets/avatars/logo.ico" type="image/x-icon" />
		<!-- bootstrap & fontawesome -->
		<link rel="stylesheet" href="${request.contextPath}/static/assets/css/bootstrap.min.css" />
		<link rel="stylesheet" href="${request.contextPath}/static/assets/font-awesome/4.5.0/css/font-awesome.min.css" />
		<!-- page specific plugin styles -->
		<link rel="stylesheet" href="${request.contextPath}/static/assets/css/jquery-ui.custom.min.css" />
		<link rel="stylesheet" href="${request.contextPath}/static/assets/css/fullcalendar.min.css" />
		<!-- text fonts -->
		<link rel="stylesheet" href="${request.contextPath}/static/assets/css/fonts.googleapis.com.css" />
		<!-- ace styles -->
		<link rel="stylesheet" href="${request.contextPath}/static/assets/css/ace.min.css" class="ace-main-stylesheet" id="main-ace-style" />
		<link rel="stylesheet" href="${request.contextPath}/static/assets/css/ace-skins.min.css" />
		<link rel="stylesheet" href="${request.contextPath}/static/assets/css/ace-rtl.min.css" />
		<!-- ace settings handler -->
		<script src="${request.contextPath}/static/assets/js/ace-extra.min.js"></script>
		<script src="${request.contextPath}/static/assets/js/user/index.js"></script>
	</head>

	<body class="skin-2">
		<div id="navbar" class="navbar navbar-default ace-save-state">
			<div class="navbar-container ace-save-state" id="navbar-container">

				<div class="navbar-header pull-left">
					<a href="#" class="navbar-brand">
						<div style="margin-left:5%;width:100%;">
							<i><img src="${request.contextPath}/assets/images/logo.png" style="width:17%;"/></i>&nbsp;&nbsp;&nbsp;&nbsp;
							驴妈妈慧眼系统
						</div>
					</a>
				</div>
				
					<div class="navbar-buttons navbar-header pull-right" role="navigation">
					<ul class="nav ace-nav">
						<li class="dropdown-modal">
							<a data-toggle="dropdown" href="#" class="dropdown-toggle">
								<!-- <img class="nav-user-photo" src="../assets/avatars/user.jpg" alt="Jason's Photo" /> -->
								<span class="user-info">
									<small>Welcome,</small>
									${currentUser.characterName!}
								</span>

								<i class="ace-icon fa fa-caret-down"></i>
							</a>

							<ul class="user-menu dropdown-menu-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">
								<li>
									<a id="a_logout">
										<i class="ace-icon fa fa-power-off"></i>
										退出
									</a>
								</li>
							</ul>
						</li>
					</ul>
				</div>

			</div>
		</div>
		<form id="logoutForm" action="${request.contextPath}/logout" method="post">
            <input type="hidden" id="_csrf" name="${_csrf.parameterName}" value="${_csrf.token}"/>
        </form>
		<div class="main-container ace-save-state" id="main-container">
			<script type="text/javascript">
				try{ace.settings.loadState('main-container')}catch(e){}
			</script>

			<div id="sidebar" class="sidebar responsive ace-save-state compact">
				<script type="text/javascript">
					try{ace.settings.loadState('sidebar')}catch(e){}
				</script>

			<ul class="nav nav-list">
			<#if (menus ?? && menus?size &gt;0)>
				<#list menus as menu>
					<#if menu.parent.id??&&menu.isShow??&&menu.parent.id=='1' && menu.isShow=='1'>
						<li class="hover">
							<a href="#" class="dropdown-toggle">
								<#if menu.icon??><i class="menu-icon fa ${menu.icon}"></i></#if>
								<#if menu.name??><span class="menu-text">${menu.name!} </span></#if>
								<b class="arrow fa fa-angle-down"></b>
							</a>
							<b class="arrow"></b>	
							<ul class="submenu">
								<#list menus as menu2>
									<#if menu2.parent.id??&&menu.id??&&menu2.isShow??&&menu2.parent.id==menu.id && menu2.isShow=='1'>
									<#if menu2.id??&&menu2.name??&&menu2.href??>
									<li class="hover" menu2Id="${menu2.id!}" title="${menu2.name!}" url="${menu2.href!}">
										<a href="javascript:void(0);" onclick="activeMenu(this, '${menu2.href!}')">
											<input type="hidden" name="menu2" value="${menu2.href!}">
											<i class="menu-icon fa fa-caret-right"></i>
											${menu2.name!}
										</a>
										<b class="arrow"></b>
									</li>
									</#if>
									</#if>
								</#list>
							</ul>
						</li>
					</#if>
				</#list>
				</#if>
				</ul><!-- /.nav-list -->
				<div class="sidebar-toggle sidebar-collapse" id="sidebar-collapse">
					<i class="ace-icon fa fa-angle-double-left" data-icon1="ace-icon fa fa-angle-double-left" data-icon2="ace-icon fa fa-angle-double-right"></i>
				</div>
			</div>
			<div class="main-content">
				<div class="page-content">
                    <div class="row">
                        <div class="col-xs-12">
                            <ul class="nav nav-tabs" role="tablist">
                            	 <li class="active"><a href="#index" role="tab" data-toggle="tab">首页</a></li>
                            </ul>
                            <div class="tab-content" style="border:0px;">
                            	<div role="tabpanel" class="tab-pane active" id="index">
                            		<div class="breadcrumbs ace-save-state" id="breadcrumbs">
										<ul class="breadcrumb">
											<li>
												<i class="ace-icon fa fa-home home-icon"></i>
												<a href="#">首页</a>
												<small>
													<i class="ace-icon fa fa-angle-double-right"></i>
														日历
												</small>
											</li>
										</ul><!-- /.breadcrumb -->
									</div>
                            		<div class="page-content">
										
										<div class="row">
											<div class="col-xs-12">
												<!-- PAGE CONTENT BEGINS -->
												<div class="row">
													<div class="col-sm-12">
														<div class="space"></div>
														<div id="calendar"></div>
													</div>
												</div>
												<!-- PAGE CONTENT ENDS -->
											</div><!-- /.col -->
										</div><!-- /.row -->
									</div><!-- /.page-content -->
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
			</div>

			<div class="footer">
				<div class="footer-inner">
					<div class="footer-content">
						<span class="bigger-120">
							<i><img src="${request.contextPath}/static/assets/avatars/logo.png" /></i>
							<span class="pink bolder">驴妈妈</span>
							慧眼系统 &copy; 2008-2017
						</span>
					</div>
				</div>
			</div>
			<a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
				<i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
			</a>
		</div><!-- /.main-container -->
		
		<script src="${request.contextPath}/static/assets/js/jquery-2.1.4.min.js"></script>
		<script type="text/javascript">
			if('ontouchstart' in document.documentElement) document.write("<script src='${request.contextPath}/static/assets/js/jquery.mobile.custom.min.js'>"+"<"+"/script>");
		</script>
		<script src="${request.contextPath}/static/assets/js/bootstrap.min.js"></script>
		<!-- basic scripts -->
		<script src="${request.contextPath}/static/assets/js/jquery-ui.custom.min.js"></script>
		<script src="${request.contextPath}/static/assets/js/jquery.ui.touch-punch.min.js"></script>
		<script src="${request.contextPath}/static/assets/js/jquery.easypiechart.min.js"></script>
		<script src="${request.contextPath}/static/assets/js/jquery.sparkline.index.min.js"></script>
		<script src="${request.contextPath}/static/assets/js/jquery.flot.min.js"></script>
		<script src="${request.contextPath}/static/assets/js/jquery.flot.pie.min.js"></script>
		<script src="${request.contextPath}/static/assets/js/jquery.flot.resize.min.js"></script>
		<script src="${request.contextPath}/static/assets/js/bootstrap-tab.js"></script>
		<script src="${request.contextPath}/static/assets/js/moment.min.js"></script>
		<script src="${request.contextPath}/static/assets/js/fullcalendar.min.js"></script>
		<script src="${request.contextPath}/static/assets/js/bootbox.js"></script>

		<!-- ace scripts -->
		<script src="${request.contextPath}/static/assets/js/ace-elements.min.js"></script>
		<script src="${request.contextPath}/static/assets/js/ace.min.js"></script>
		<!-- user scripts -->
		<script src="${request.contextPath}/static/assets/js/user/base.js"></script>
		<!-- inline scripts related to this page -->
		<script type="text/javascript">
		$(document).ready(function(event) {
			$('#a_logout').on('click', function(e) {
				$('#logoutForm').submit();
			});
		});
		</script>
		<script type="text/javascript">
			jQuery(function($) {
				var date = new Date();
				var d = date.getDate();
				var m = date.getMonth();
				var y = date.getFullYear();
			
			
				var calendar = $('#calendar').fullCalendar({
					//isRTL: true,
					//firstDay: 1,// >> change first day of week 
					
					buttonHtml: {
						prev: '<i class="ace-icon fa fa-chevron-left"></i>',
						next: '<i class="ace-icon fa fa-chevron-right"></i>'
					},
				
					header: {
						left: 'prev,next today',
						center: 'title',
						right: 'month,agendaWeek,agendaDay'
					},
				});
				<#if mainFrame??>
				var url = "${mainFrame}";
				alert(url);
					var menu2List=document.getElementsByName("menu2");
					var menuValue;
					for(k in menu2List){
						var menu=menu2List[k];
						var value=menu.value;
						if(value!=undefined){
							menuValue=value;
							if(url == menuValue){
								var obj=$("[value='"+value+"']").parent();
								activeMenu(obj,url);
								break;
							}
						}
					}
				</#if>
			});
		
		</script>
	</body>
</html>